<script>
import XuanXiang from '../../components/zuheapi/xuanxiang.vue'

export default {
  name: 'XuanXiangView',
  components: { XuanXiang }
}
</script>

<template>
  <div class="page">
    <header class="header">
      <h1>选项式 API（Options API）示例</h1>
      <p>通过选项式的 data / methods / computed 构建代办列表。</p>
    </header>
    <XuanXiang />
  </div>
</template>

<style scoped>
.page { padding: 24px; background: #f4f5f5; min-height: 100vh; }
.header h1 { margin: 0 0 8px; font-size: 24px; color: #1d2129; }
.header p { color: #4e5969; margin: 0 0 16px; }
</style>